<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript" type="text/javascript" src="dom-drag.js">
<!--
// Drag Drop Script - By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
// This credit MUST stay intact for use
//-->
</script>
<script type="text/javascript" src="sound.js"></script>
<script type="text/javascript" src="mm.js"></script>
  <meta name="generator" content="textpad 4.6">
  <meta name="keywords" content="music,mp3,sound effects,drums,gadget,widget,music maker,toy">
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <meta content="Anantha Narayan" name="author">
  <meta content="Play Musical Sounds, Replay sequence. beats and Effects. Nice for puppet shows or Toy Theatre" name="description">
  <link rel="StyleSheet" href="style.css" type="text/css">
  <title>Music Machine</title>
</head>
<body alink="#ff00ff" bgcolor="#ffffff" link="#ff0000" text="#000000" vlink="#800000">
<div class="frame-holder">
<div class="color_bar"><span id="music_bar"><b>Music Machine</b></span></div>
<div class="row_a">
<img class="sound_btn" src="pngs/purp.png" onClick="playsound('a1');"><img class="sound_btn" src="pngs/blue.png" onClick="playsound('a2');"><img class="sound_btn" src="pngs/sky.png" onClick="playsound('a3');"><img class="sound_btn" src="pngs/aqua.png" onClick="playsound('a4');"><img class="sound_btn" src="pngs/mdark.png" onClick="playsound('a5');">
</div>
<div class="row_b">
<img class="sound_btn" src="pngs/twig.png" onClick="playsound('b1');"><img class="sound_btn" src="pngs/navy.png" onClick="playsound('b2');"><img class="sound_btn" src="pngs/leaf.png" onClick="playsound('b3');"><img class="sound_btn" src="pngs/grey.png" onClick="playsound('b4');"><img class="sound_btn" src="pngs/red.png" onClick="playsound('b5');">
</div>
<div class="row_c">
<img class="sound_btn" src="pngs/deep.png" onClick="playsound('c1');"><img class="sound_btn" src="pngs/mauve.png" onClick="playsound('c2');"><img class="sound_btn" src="pngs/forest.png" onClick="playsound('c3');"><img class="sound_btn" src="pngs/pink.png" onClick="playsound('c4');"><img class="sound_btn" src="pngs/dirty.png" onClick="playsound('c5');">
</div>
<div class="row_d">
<img class="sound_btn" src="pngs/yellow.png" onClick="playsound('d1');"><img class="sound_btn" src="pngs/post.png" onClick="playsound('d2');"><img class="sound_btn" src="pngs/black.png" onClick="playsound('d3');"><img class="sound_btn" src="pngs/white.png" onClick="playsound('d4');"><img class="sound_btn" src="pngs/orange.png" onClick="playsound('d5');">
</div>
<div class="row_e">
<img class="sound_btn" src="pngs/red.png" onClick="playsound('e1');"><img class="sound_btn" src="pngs/stem.png" onClick="playsound('e2');"><img class="sound_btn" src="pngs/purp.png" onClick="playsound('e3');"><img class="sound_btn" src="pngs/mdark.png" onClick="playsound('e4');"><img class="sound_btn" src="pngs/yellow.png" onClick="playsound('e5');">
</div>
<div class="row_f">
<img class="sound_btn" src="pngs/brown.png" onClick="playsound('f1');"><img class="sound_btn" src="pngs/orange.png" onClick="playsound('f2');"><img class="sound_btn" src="pngs/aqua.png" onClick="playsound('f3');"><img class="sound_btn" src="pngs/leaf.png" onClick="playsound('f4');"><img class="sound_btn" src="pngs/pink.png" onClick="playsound('f5');">
</div>
<div class="credits"><a target="_blank" href="http://web.sangear.net/">Web Deuce</a></div>
<div id="vol_control"><div style="position: relative; left:120; top:0;" id="vol_set"></div></div>
<div class="v_track">Volume</div>
<div id="dly_control"><div style="position: relative; left:75; top:0;" id="dly_set"></div></div>
<div class="d_track">Tempo</div>
<div class="btn_play"><img src="play.png" alt="Replay Sequence" title="Replay Sequence" onClick="replay_music();">&nbsp;&nbsp;<img src="clear.png" alt="Clear Sequence" title="Clear Sequence" onClick="clear_music();"></div>
<script language="Javascript" type="text/javascript" src="gui.js"></script>
</div>
<div class="back-cloth"></div>
</body>
</html>
